<template>
	<view class="page-wrap">
		<image class="header-bg" src="../../static/item_22.png"></image>
		
		<view class="shpo-info">
			<image class="shop-logo" src="../../static/common/icon_12.png" mode=""></image>
			<view class="shop-name">商家名称</view>
			<view class="shop-address">云南昆明 | 互联网</view>
			<view class="shop-time desc">2019-12-12</view>
			<view class="btn shop-btn">进入店铺</view>
		</view>
		
		<view class="shop-cms">
			<text>商家后台地址（请用电脑打开链接）：</text>
			<text>https://mms.cnacgc.com/</text>
		</view>
		<view class="btn shop-cms__btn">复制链接</view>
	</view>
</template>

<script>

	export default{
		data() {
			return{
				
			}
		},
		methods:{
			
		}
	}
</script>

<style scoped lang="less">
@import url('../../app.less');
	.page-wrap{
		.flex-base;
		justify-content: center;
		flex-direction: column;
		padding-top: 50rpx;
	}
	.header-bg{
		width: 610rpx;
		height: 358rpx;
		display: block;
	}
	
	.shpo-info{
		margin: 110rpx auto 70rpx;
		border: 1px solid @font-orange-color;
		.br;
		text-align: center;
		padding: 45rpx;
		padding-top: 90rpx;
		position: relative;
		.shop-logo{
			width: 120rpx;
			height: 120rpx;
			border-radius: 100%;
			    position: absolute;
			    left: 0;
			    right: 0;
			    margin: -160rpx auto;
		}
		.shop-name{
			.f30;
		}
		.shop-address{
			font-size: 20rpx;
			color: #808080;
			padding: 20rpx 0;
		}
		.shop-time{
			font-size: 20rpx;
			color: #808080;
		}
		.shop-btn{
			height: 50rpx;
			line-height: 50rpx;
			.f24;
			margin-top: 50rpx;
		}
	}
	.shop-cms{
		width: 80%;
		text-align: center;
		line-height: 36rpx;
		.f24;
		margin-top: 70rpx;
		margin-bottom: 25rpx;
		text{
			display: block;
		}
	}
	.shop-cms__btn{
		background-color: @f;
		border: 1px solid @theme-color;
		height: 48rpx;
		line-height: 48rpx;
		.f24;
		color: @theme-color;
	}
	
</style>
